﻿/*banner效果*/
.banner { position:relative; width:100%; height:600px; min-width:1100px; overflow:hidden;}
.banner_list{ width:100%; height:600px; overflow:hidden;}
.banner_list li { height:600px; position:absolute; width:100%; display:none; }
.banner_list li img{ position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:600px;}
.banner_btn_o a{ display:none; position:absolute; top:50%; margin-top:-42px; z-index:20; width:34px; height:64px;}
.banner_prev{ background:url(../Images/banner_lac.png) no-repeat; left:2%;}
.banner_next{ background:url(../Images/banner_rac.png) no-repeat; right:2%;}
.banner_prev:hover{ background:url(../Images/banner_lho.png) no-repeat;}
.banner_next:hover{ background:url(../Images/banner_rho.png) no-repeat;}
.banner_owd{ position:absolute; width:100%; height:22px; bottom:54px; z-index:200; text-align:center;}
.banner_btn{ width:100%; height:10px;}
.banner_btn span{ display:inline-block; background:url(../Images/banner_ac.png) no-repeat; width:9px; height:9px; margin:0 2px; cursor:pointer;  transition:all 1s ease 0.01s; -moz-transition:all 1s ease 0.01s; -webkit-transition:all 1s ease 0.01s;}
.banner_btn span.on{ background:url(../Images/banner_ho.png) no-repeat; width:18px; transition:width 0.4s ease 0.01s; -moz-transition:width 0.4s ease 0.01s; -webkit-transition:width 0.4s ease 0.01s;}
.close{ background:url(../images/hide.png) no-repeat; width:30px; height:15px; position:absolute; left:50%; top:20px; padding:0 10px;}
.close:hover{ background-position:0px -15px;}
/*news-move*/
.news{ position:absolute; left:50%; margin-left:-550px; bottom:8px; z-index:300; width:1100px; height:45px;}
.news_l{ position:relative; width:960px; height:45px;}
.news_hot{ background:url(../Images/ind_newmyy.png) repeat; position:relative; width:944px; height:45px; padding-left:16px;}
.news_r{ background:url(../Images/ind_newmyy.png) repeat; width:136px; height:39px; padding-top:6px;}
.news_hName{ color:#0669B2; font-size:14px; width:auto; height:45px; line-height:45px; background:url(../Images/ind_newicon.png) no-repeat left; padding-left:30px; margin-right:6px; display:inline;}
.news_hMove{ width:396px; height:45px; line-height:45px; overflow:hidden;}
.news_hMlist li{ height:45px;}
.news_hMlist li a{ display:block; height:45px;}
.news_hMlist li a span{ display:inline-block; height:45px;}
.news_hMname{ font-size:13px; width:310px; height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_hMtime{ color:#888;}
.news_r a{ display:block; background-color:#0669B2; color:#FFF; font-size:15px; width:100px; height:32px; line-height:32px; margin:0 auto; padding-left:16px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.news_r a span{ background:url(../Images/jt_zyicon.png) no-repeat left; padding-left:20px;}
.news_Mtk{ position:absolute; bottom:0; left:0; z-index:300; background:url(../Images/ind_newmyy.png) repeat; width:960px; height:0;}
.news_Mtkbox{ width:912px; height:232px; padding:16px 18px 0 30px;}
.news_Mtkl{ width:444px;}
.news_Mtkr{ width:414px;}
.news_Mtname{ background:url(../Images/ind_newicon.png) no-repeat left; padding-left:30px; color:#0669B2; font-size:18px;}
.news_Mtlist{ padding-top:6px; height:180px; overflow:hidden;}
.news_Mtlist li{ height:35px; line-height:35px; border-bottom:1px dotted #888;}
.news_Mtlist li a{ display:block; height:35px; padding-left:6px;}
.news_Mtitle{ display:inline-block; background:url(../Images/ind_newmac.png) no-repeat left; padding-left:22px; font-size:13px; width:334px; height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_Mrmore{ height:23px; padding:4px 0 20px;}
.news_Mrmore  a{ display:inline-block; color:#0669B2; width:auto; height:21px; line-height:21px; padding:0 10px; border:1px solid #0669B2; 
border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;}
.news_Mrmore a span{ background:url(../Images/nore_icon.png) no-repeat right; padding-right:16px;}
.news_Mrshow{ height:162px;}
.new_Mrsimg{ width:272px; height:162px;}
.new_Mrfor{ width:130px;}
.new_Mrfname a{ display:block; color:#0669B2; font-size:18px; margin-bottom:42px;}
.new_Mrfmore a{ color:#c0a354; font-size:14px;}

/*warp-c*/
.warp_c{ height:auto; overflow:hidden; padding:40px 0 90px;}
/*three-good*/
.three_good{ overflow:hidden; padding:0 52px;width:996px; margin-top:15px; position:relative;}
.three_good .prev, .three_good .next{ display:block;width:37px; height:71px; position:absolute; top:50%; margin-top:-38px; cursor:pointer;}
.three_good .prev{ left:0px;background:url(../images/p-btn.png) left center no-repeat}
.three_good .prev:hover{background: url(../images/p-btnh.png) left center no-repeat}
.three_good .next{ right:0px;background:url(../images/p-btn.png) right center no-repeat}
.three_good .next:hover{background:url(../images/p-btnh.png) right center no-repeat}


.three_good ul{}
.three_good li{ float:left; width:320px; margin-right:18px; display:inline;}
.libg1,.libg4,.libg7,.libg11{background:#DF0024;}
.libg2,.libg5,.libg8,.libg12{background:#0669B2;}
.libg3,.libg6,.libg9,.libg13{background:#1cab48;}
.three_gdimg{ width:320px; height:260px; overflow:hidden;background:#fff;}
.three_gdimg img{width:100%; height:100%; transition:all 0.8s ease-in 0s; -webkit-transition:all 0.8s ease-in 0s; -moz-transition:all 0.8s ease-in 0s; -o-transition:all 0.8s ease-in 0s;}
.three_gdimg:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.three_gdName{ padding:10px 0; text-align:center;}
.three_gdName a{ display:block; color:#FFF; font-size:20px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.three_gdTro{ font-size:14px; color:#FFF;padding:12px 19px 0 19px; height:72px; overflow:hidden; text-align:center;}

/*num*/
.jt_num{ height:262px; margin-bottom:38px; position:relative; padding-top:36px;}
.jt_num .prev, .jt_num .next{ display:block;width:40px; height:35px; position:absolute; top:0; cursor:pointer;}
.jt_num .prev{ right:45px;background:url(../images/left01.jpg) left center no-repeat}
.jt_num .prev:hover{background: url(../images/left02.jpg) left center no-repeat}
.jt_num .next{ right:0px;background:url(../images/right01.jpg) right center no-repeat}
.jt_num .next:hover{background:url(../images/right02.jpg) right center no-repeat}

.jt_numList{ height:250px;}
.jt_numList li{ float:left; background-color:#fff; width:218px; height:220px;  padding-top:30px; border:1px solid #f7f7f7;}
.jt_numImg{ position:relative; width:180px; height:180px; margin:0 auto;}
.jt_numImg img{ position:absolute;}
.brand_img{ left:0; width:180px; height:180px;}
.brand_shimg{ display:none; top:0; left:52px; width:0;height:180px; cursor:pointer;overflow:hidden;}
.jt_numList li h3{ color:#333; font-size:18px; text-align:center;}
.jt_numList li p{ color:#888; line-height:20px; height:60px; overflow:hidden; padding:12px 22px 0 22px; text-align:center;}

/*media*/
.media{ position:relative; width:1100px; height:450px; cursor:pointer;}
.media_img{ width:1100px; height:450px; overflow:hidden;}
.media_icon{ position:absolute; top:200px; left:50%; margin-left:-39px; z-index:20; width:78px; height:78px; cursor:pointer;}
.media_tk{ display:none; position:absolute; top:0; left:0; width:1100px; height:450px; z-index:200;}


/*Ê×Ò³±êÌâ*/
.indextitle{ width:100%; padding:0px 0 18px; font-size:18px; text-align:center;}
.indextitle h1{line-height:65px; color:#0669B2; font-size:40px; font-weight:bold; letter-spacing:1.1px; margin-top:10px;}
.indextitle h1 strong{font-size:56px;}
.indextitle h2{line-height:45px; font-size:30px; font-family:Franklin Gothic Demi; font-weight:bold}
.indextitle h3{ font-size:24px; margin-bottom:6px; color:#0669B2; line-height:30px; letter-spacing:2px;}
.indextitle em{ width:100px; border-bottom:2px solid #009B35; display:block; margin:0 auto 8px;}
.indextitle p{ border-bottom:1px solid #CCC; margin-bottom:-1px; margin-top:5px;}
.indextitle .indexaa{ color:#666; text-align:center; width:1200px; margin:0 auto;  padding-top:10px;}
.indextitle .indexaa .title_da{ border:none; color:#0669B2; padding:0}
.indextitle .indexaa a{ display: inline-block; border:1px solid #000; color:#000; padding:5px 15px;font-size:16px; border-radius:15px; margin-bottom:10px; margin-right:25px;}
.indextitle .indexaa a:hover{ color:#fff; background-color:#0669B2; border:1px solid #0669B2;}
/*Ê×Ò³±êÌâ*/